<template>
	<view>
		<view style="position: absolute; top: 0; left: 5%; width: 90%; height: 80rpx;  z-index: 9;">
			<view class="fanhui_betn" @click="fanhui()">
				<image src="/static/shouye/容器@1x.png" class="img_fanbtn"></image>
			</view>
			<view class="fanhui_betns" style="margin-left: 20px;" @click="searchHandler()">
				<image src="/static/shouye/组 348@1x.png" style="width: 100%; height: 100%;"></image>
			</view>
			<view class="fanhui_betns" style="margin-left: 20px; float: right;" @click="tishikuangfx = true">
				<image src="/static/shouye/分享@2x.png" style="width: 100%; height: 100%;"></image>
			</view>

		</view>
		<image src="/static/fengxiang.png" @click="tishikuangfx = false"
			style="width: 100%; height: 100vh;position: absolute; z-index: 9999; top: 0; left: 0;"
			v-if="tishikuangfx == true"></image>
		<view v-if="poiList.length || matchinglist.length"
			style="position: absolute; top: 80rpx; left: 5%; width: 90%; height: 80rpx;  z-index: 9;">
			<view
				style="padding:0 20rpx;height: 45rpx;float: left; margin-top: 20rpx; text-align: center; border-radius: 30rpx;opacity: 1;background: #DDF1FF;color: #1684FC;font-size: 26rpx;">
				配套总计 {{ poiList.length + matchinglist.length + filterPoiList.length }}
			</view>
		</view>
		<view style="position: absolute; top: 90rpx; left: 5%; width: 90%; height: 80rpx;  z-index: 9;">
			<view class="fanhui_betns" style="margin-left: 20px; float: right;" @click="toggles('bottom')">
				<image src="/static/组 361@1x.png" style="width: 100%; height: 100%;"></image>
			</view>
		</view>
		<view style="position: absolute; top:180rpx; right: 5%;  height: 80rpx;  z-index: 9;">
			<view class="fanhui_betns" style="margin-left: 20px; float: right;" @click="toggle('bottom')">
				<image src="/static/组 360@1x.png" style="width: 100%; height: 100%;"></image>
			</view>

		</view>
		<view style="position: absolute; top:270rpx; right: 5%;  height: 80rpx;  z-index: 9;">
			<view class="fanhui_betns" style="margin-left: 20px; float: right;" @click="zhengce = true">
				<image src="/static/shouye/组 683@2x.png" style="width: 100%; height: 100%;"></image>
			</view>

		</view>
		<view style="position: absolute; bottom:470rpx; right: 20rpx;  height: 80rpx;  z-index: 9;">
			<view class="fanhui_betns"
				style="margin-right: 7px; float: right;width: 74rpx;height: 74rpx;border-radius: 10rpx;background: #ffffff;display: flex;justify-items: center;justify-content: center;"
				@click="resetLocation">
				<image src="/static/map/location.png" style="width: 90%; height: 90%;margin-top: 2px;"></image>
			</view>
		</view>
		<!-- <view v-if="zhengce == true"
			style="position: absolute; top:270rpx;right:30rpx; width: 469rpx;height: 448rpx;border-radius: 20px;opacity: 1;background: #FFFFFF;  z-index: 9999999999999999999999999;">
			<image src="/static/shouye/kjzc.png" style="width: 90%; height: 40rpx; margin-top: 20rpx; left: 5%;"
				@click="zhengce = false"></image>
			<view
				style="font-size: 20rpx;color: #31343B;font-family: Source Han Sans; width: 90%; margin-top: 20rpx; margin-left: 5%;">

				一、为企业提供“创业空间—孵化器—加速器—创产用房—主题楼宇（园区）—产业用地”全生命周期的办公空间支持。
				1.创业空间。认定为青年创新创业人才及团队的，可申请最高 30个办公卡位或“一间办公室”，给予最高三年免租。
				2.孵化器。对符合条件的初创型企业，入驻孵化器的，可申请最高300平方米的“多间办公室”，给予最高三年免租。
				3.加速器。对符合条件的成长型企业，入驻加速器的，可申请最高2000平方米的“一层办公楼”的空间支持，第一年免租，第二、第三年最高享受租金三折优惠

			</view>
			<view
				style="font-size: 20rpx;color: #31343B;font-family: Source Han Sans; width: 90%; margin-top: 5rpx; margin-left: 5%;">
				二、在罗湖区购置自用办公用房500平方米以上且符合条件的企业，可按购置金额一定比例给予商办去化支持，分年发放。
			</view>
			
			<image src="/static/shouye/gdzc.png" style="width: 283rpx; height: 40rpx; margin-top: 20rpx; left: 5%;">
			</image>
		</view> -->
		<uni-popup ref="popups">
			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
				<view
					style="width: 100%; height: 1153rpx; background: #fff; border-top-right-radius:20px ; border-top-left-radius: 20px;">
					<view style="width: 90%; height: 100%; float: left; margin-left: 5%;">
						<view>
							<view style="float: left; margin-top: 20rpx;">周边配套</view>
							<view style="float: right; display: flex; flex-direction: row; align-items: center;">
								<view style="margin-right: 30rpx; margin-top: 20rpx;color:#f56c6c;font-size: 32rpx;"
									@tap="clearAllDatas()">清空</view>
								<image src="/static/guanbi.png" @tap="closeFilterHandler()"
									style="margin-top: 20rpx; width: 24rpx; height: 24rpx; float: right;"></image>
							</view>
						</view>
						<view class="wuyeleixin" style="height: 1000rpx;">
							<view style="font-size: 24rpx; margin-left: 5%; margin-top: 20rpx;">
								<text style="color: #1684FC;">住房</text>
								<text style="color: #3D3D3D;">配套</text>
							</view>
							<view style="width: 100%; height: 100rpx; margin-top: 20rpx;">
								<view style="width: 25%; height: 100%; float: left; " :class="selectedType == '4' ? 'mat_selected' : ''"
									@click="matTypebtn(4)">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/容器@1x (10)bak.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '4' ? '#1684FC' : '#000000e6' }">人才住房</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; " :class="selectedType == '3' ? 'mat_selected' : ''"
									@click="matTypebtn(3)">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/学士帽@1x.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '3' ? '#1684FC' : '#000000e6' }">人才驿站</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; " :class="selectedType == '2' ? 'mat_selected' : ''"
									@click="matTypebtn(2)">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/容器@1x (10).png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '2' ? '#1684FC' : '#000000e6' }">
										市场化
										</br>
										租赁住房</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; " :class="selectedType == '1' ? 'mat_selected' : ''"
									@click="matTypebtn(1)">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/房屋信息@1x.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '1' ? '#1684FC' : '#000000e6' }">优质居住</br>
										空间</view>
								</view>
							</view>
							<view style="font-size: 24rpx; margin-left: 5%; margin-top: 20rpx;">
								<text style="color: #1684FC;">交通</text>
								<text style="color: #3D3D3D;">配套</text>
							</view>
							<view style="width: 100%; height: 100rpx; margin-top: 20rpx;">
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '150500' ? 'mat_selected' : ''" @tap="poiSearch('150500')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/dtk.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '150500' ? '#1684FC' : '#000000e6' }">地铁口</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '150700' ? 'mat_selected' : ''" @tap="poiSearch('150700')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/gjc.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '150700' ? '#1684FC' : '#000000e6' }">公交站</view>
								</view>
							</view>
							<view style="font-size: 24rpx; margin-left: 5%; margin-top: 20rpx;">
								<text style="color: #1684FC;">生活</text>
								<text style="color: #3D3D3D;">配套</text>
							</view>
							<view style="width: 100%; height: 100rpx; margin-top: 20rpx;">
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '120000' ? 'mat_selected' : ''" @tap="poiSearch('120000')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/sq.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '120000' ? '#1684FC' : '#000000e6' }">商圈</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '060101' ? 'mat_selected' : ''" @tap="poiSearch('060101')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/cs.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '060101' ? '#1684FC' : '#000000e6' }">超市</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '090100' ? 'mat_selected' : ''" @tap="poiSearch('090100')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/yy.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '090100' ? '#1684FC' : '#000000e6' }">医院</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '141200' ? 'mat_selected' : ''" @tap="poiSearch('141200')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/xx.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '141200' ? '#1684FC' : '#000000e6' }">学校</view>
								</view>
							</view>
							<view style="width: 100%; height: 100rpx; margin-top: 20rpx;">
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '160100' ? 'mat_selected' : ''" @tap="poiSearch('160100')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/yh.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '160100' ? '#1684FC' : '#000000e6' }">银行</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '100000' ? 'mat_selected' : ''" @tap="poiSearch('100000')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/jd.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '100000' ? '#1684FC' : '#000000e6' }">酒店</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '110101' ? 'mat_selected' : ''" @tap="poiSearch('110101')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/gy.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '110101' ? '#1684FC' : '#000000e6' }">公园</view>
								</view>
							</view>
							<view style="font-size: 24rpx; margin-left: 5%; margin-top: 20rpx;">
								<text style="color: #1684FC;">i企</text>
								<text style="color: #3D3D3D;">服务站</text>
							</view>
							<view style="width: 100%; height: 100rpx; margin-top: 20rpx;">
								<view style="width: 25%; height: 100%; float: left; " :class="selectedType == '5' ? 'mat_selected' : ''"
									@click="matTypebtn(5)">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/健康驿站@1x.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '5' ? '#1684FC' : '#000000e6' }">创享驿站</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; " :class="selectedType == '6' ? 'mat_selected' : ''"
									@click="matTypebtn(6)">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/dq.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '6' ? '#1684FC' : '#000000e6' }">党群中心</view>
								</view>
								<view style="width: 25%; height: 100%; float: left; " :class="selectedType == '7' ? 'mat_selected' : ''"
									@click="matTypebtn(7)">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/zh.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '7' ? '#1684FC' : '#000000e6' }">综合服务基地</view>
								</view>
							</view>
							<view style="font-size: 24rpx; margin-left: 5%; margin-top: 20rpx;">
								<text style="color: #1684FC;">其他</text>
								<text style="color: #3D3D3D;">配套</text>
							</view>
							<view style="width: 100%; height: 100rpx; margin-top: 20rpx;">
								<view style="width: 25%; height: 100%; float: left; "
									:class="selectedType == '151000' ? 'mat_selected' : ''" @tap="poiSearch('151000')">
									<view style="width: 60rpx; height: 60rpx; margin: 0 auto;">
										<image src="/static/peitao/容器 570@1x.png" style="width: 100%; height: 100%;">
										</image>
									</view>
									<view style="width: 100%; text-align: center; font-size: 26rpx;"
										:style="{ color: selectedType == '151000' ? '#1684FC' : '#000000e6' }">口岸</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="popup">
			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
				<view
					style="width: 100%; height: 700rpx; background: #fff; border-top-right-radius:20px ; border-top-left-radius: 20px;">
					<view style="width: 90%; height: 100%; float: left; margin-left: 5%;">
						<view>
							<view style="float: left; margin-top: 20rpx;">筛选</view>
							<view style="float: right; display: flex; flex-direction: row; align-items: center;">
								<view style="margin-right: 30rpx; margin-top: 20rpx;color:#f56c6c;font-size: 32rpx;"
									@tap="clearFilterData()">清空</view>
								<image @click="gaunbi()" src="/static/guanbi.png"
									style="margin-top: 20rpx; width: 24rpx; height: 24rpx; float: right;"></image>
							</view>

						</view>
						<view class="wuyeleixin">
							<!-- <view style="font-size: 24rpx; margin-left: 5%; margin-top: 20rpx;">
								<text style="color: #1684FC;">物业</text>
								<text style="color: #3D3D3D;">类型</text>
							</view>
							<view style="margin-top: 20rpx;">
								<view class="xinxili" :class="index == 0 ? 'quabu' : 'quanbuxx'" @click="brnindex(0)">全部
								</view>
								<view class="xinxili" :class="index == 1 ? 'quabu' : 'quanbuxx'" @click="brnindex(1)">
									政府物业</view>
								<view class="xinxili" :class="index == 2 ? 'quabu' : 'quanbuxx'" @click="brnindex(2)">
									社会物业</view>
							</view> -->
							<view style="font-size: 24rpx; width: 100%; float: left; margin-left: 5%; margin-top: 20rpx;"
								v-if="this.btndetaili && this.btndetaili.buildName">
								距离：{{ this.btndetaili.buildName }}</view>
							<view style="margin-top: 20rpx;width: 100%; float: left;">
								<view class="xinxilis" v-for="(item, index) in tablist" @click="tabbtnli(index)"
									:class="tablistindex == index ? 'mishuL' : 'quanbuxx'">{{ item.name }}</view>

							</view>
							<view class="left_tab_sq">
								<view class="shangquanxli" @click="shangquanindex(index)" v-for="(item, index) in tabin"
									:class="indextab == index ? 'sqbjs' : 'sqntms'">
									{{ item.name }}
								</view>
							</view>
							<view class="right_tab_sq">
								<view class="wenziquyu" :class="clickPoiIndex === index ? 'wenziquyu_sqbjs' : ''"
									@click="poiClickHandler(item, index)" v-for="(item, index) in filterPoiList" :key="index">{{ item.name
									}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
		<uni-popup ref="popupc">
			<view class="popup-content" :class="{ 'popup-height': type === 'left' || type === 'right' }">
				<view
					style="width: 600rpx; background: #fff; max-height: 60vh;overflow-y: auto; border-radius: 20rpx;padding-bottom:30rpx;">
					<view style="margin-left: 5%; width: 90%; float: left;">
						<view style="margin-top: 20rpx;">
							<text style="color: #0766D9;">查</text>
							<text>房源</text>

							<text style="float: right; font-size: 30rpx; margin-top: -10rpx;" @click="guanbitkxx()">X</text>
							<text style="float: right; font-size: 24rpx; margin-right: 20px;;">空置面积: <text
									style="color: #1684FC; font-size: 26rpx; margin-left: 10rpx;">{{ detaili.vacancyArea }}</text>
								m²</text>
						</view>
						<view class="list-container" style="margin-top: 20rpx;">
							<view class="list-item">
								<view>户型区间</view>
								<view>是否空置</view>
								<view>租售类型</view>
							</view>
							<view class="list-item" v-for="(item, index) in detaili.rooms"
								style="text-align: center; font-size: 24rpx;">
								<view style="width: 33%;">{{ item.areaScope }}</view>
								<view style="width: 33%;" v-if="item.flagVacant == true">是</view>
								<view style="width: 33%;" v-else>否</view>
								<view style="width: 33%;" v-if="detaili.rentType == 1">仅出租</view>
								<view style="width: 33%;" v-else-if="detaili.rentType == 2">仅出售</view>
								<view style="width: 33%;" v-else-if="detaili.rentType == 3">出租和出售</view>
								<view style="width: 33%;" v-else-if="detaili.rentType == 4">优先出租</view>
								<view style="width: 33%;" v-else-if="detaili.rentType == 5">优先出售</view>
								<view style="width: 33%;" v-else>--</view>
							</view>

						</view>
					</view>
				</view>
			</view>

		</uni-popup>
		<uni-popup ref="searchPopup" :mask-click="false" type="bottom" style="z-index: 99999999999;">
			<search-view @close="closeSearchHandler"></search-view>
		</uni-popup>
		<map-view ref="mapRef" style="width: 100%; height: 103vh;" @markertap="handleMarkerTap" :markers="covers"
			:polyline="polyline" :latitude="latitude" :scale="scale" :longitude="longitude">

		</map-view>
		<view v-if="zhengce == true"
			style="position: absolute; top:370rpx;right:30rpx; width: 469rpx;border-radius: 20px;opacity: 1;background: #FFFFFF;  z-index: 9999999999999999999999999;">
			<image src="/static/shouye/kjzc.png" style="width: 90%; height: 40rpx; margin-top: 20rpx; left: 5%;"
				@click="zhengce = false"></image>
			<view
				style="font-size: 20rpx;color: #31343B;font-family: Source Han Sans; width: 90%; margin-top: 20rpx; margin-left: 5%;">
				一、为企业提供“创业空间—孵化器—加速器—创产用房—主题楼宇（园区）—产业用地”全生命周期的办公空间支持。
				<view>
					1.创业空间。认定为青年创新创业人才及团队的，可申请最高 30个办公卡位或“一间办公室”，给予最高三年免租。
				</view>
				<view>
					2.孵化器。对符合条件的初创型企业，入驻孵化器的，可申请最高300平方米的“多间办公室”，给予最高三年免租。
				</view>
				<view>
					3.加速器。对符合条件的成长型企业，入驻加速器的，可申请最高2000平方米的“一层办公楼”的空间支持，第一年免租，第二、第三年最高享受租金三折优惠
				</view>




			</view>
			<view
				style="font-size: 20rpx;color: #31343B;font-family: Source Han Sans; width: 90%; margin-top: 5rpx; margin-left: 5%;">
				二、在罗湖区购置自用办公用房500平方米以上且符合条件的企业，可按购置金额一定比例给予商办去化支持，分年发放。
			</view>
			<image src="/static/shouye/gdzc.png" style="width: 283rpx; height: 40rpx; margin-top: 20rpx; left: 5%;">
			</image>
		</view>
		<view v-if="zhengcea == true"
			style="position: absolute; top:680rpx;right:30rpx; width: 469rpx; padding: 0 0 100rpx 0; border-radius: 20px;opacity: 1;background: #FFFFFF;  z-index: 9999;	box-shadow: 0 0 12px rgba(0, 0, 0, 15%);">
			<view style="width: 100%; height: 30rpx; margin-top: 20rpx; left: 5%; position: relative;">
				<image src="/static/shouye/zdqyt.png"
					style="position: absolute; left: 0; top: 0;z-index: 9;  width: 40%; height: 30rpx; margin-top: 20rpx; left: 5%;"
					@click="zhengcea = false"></image>
				<image @click="zhengcea = false" src="/static/shouye/sc.png"
					style="width: 20rpx; height: 20rpx;position: absolute; right:  50rpx; top: 0;z-index: 9;"></image>
				<view
					style="position: absolute; left: 0; top: 0; z-index: 9;  width: 40%; height: 30rpx; margin-top: 20rpx; left: 5%;font-size: 20rpx; ">
					重点产业</view>
			</view>
			<view v-if="industryTaglist == null || industryTaglist == ''"
				style="position: absolute;top: 35px; z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 9%;font-size: 20rpx; ">
				暂无重点产业</view>
			<view style="width: 100%; height: 30rpx; margin-top: 20rpx; left: 5%; position: relative; float: left;"
				v-for="item in industryTaglist" v-else>
				<image src="/static/shouye/mc.png"
					style="position: absolute; left: 0; top: 0;z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 5%;">
				</image>

				<view
					style="position: absolute; left: 0; top: 0; z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 5%;font-size: 20rpx; ">
					{{ item }}</view>

			</view>

			<!-- <view style="width: 100%; height: 30rpx; margin-top: 20rpx; left: 5%; position: relative;">
				<image src="/static/shouye/mc.png" style="position: absolute; left: 0; top: 0;z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 5%;"
						></image>
					<view style="position: absolute; left: 0; top: 0; z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 5%;font-size: 20rpx; ">高端服务业（会计、法律）</view>
			</view>
			<view style="width: 100%; height: 30rpx; margin-top: 20rpx; left: 5%; position: relative;">
				<image src="/static/shouye/mc.png" style="position: absolute; left: 0; top: 0;z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 5%;"
						></image>
					<view style="position: absolute; left: 0; top: 0; z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 5%;font-size: 20rpx; ">云启国际科技金融中心</view>
			</view>
			<view style="width: 100%; height: 30rpx; margin-top: 20rpx; left: 5%; position: relative;">
				<image src="/static/shouye/mc.png" style="position: absolute; left: 0; top: 0;z-index: 9;  width: 80%; height: 30rpx; margin-top: 20rpx; left: 5%;"
						></image>
					<view style="position: absolute; left: 0; top: 0; z-index: 9;  width:80%; height: 30rpx; margin-top: 20rpx; left: 5%;font-size: 20rpx; ">深圳颠覆性技术创新中心</view>
			</view> -->
		</view>

		<view v-if="zhengceb == true" class="enterprise-list">
			<view class="enterprise-list__header">
				<image @click="zhengceb = false" src="/static/shouye/sc.png"
					style="width: 20rpx; height: 20rpx;position: absolute; right:  25rpx; top: 20rpx;z-index: 9;"></image>
				<view style="width: 100%; height: 100%; position: relative;">
					<image src="/static/shouye/zdqyt.png" @click="zhengceb = false" style="position: absolute; height: 100%;">
					</image>
					<view style="font-size: 20rpx; line-height: 36rpx; padding-left: 5px">龙头企业</view>
				</view>
			</view>
			<view class="enterprise-list__wrapper">
				<view v-if="dasha == null || dasha == ''"
					style="width: 100%; height: 30rpx; margin-top: 20rpx; padding-left: 5px; font-size: 20rpx; ">
					暂无龙头企业</view>
				<view style="width: 100%; height: 36rpx; position: relative;" v-for="item in dasha" v-else>
					<image src="/static/shouye/mc.png"
						style="position: absolute; left: 0; top: 0;z-index: 9; height: 36rpx; width: 90%;"></image>

					<view style="height: 36rpx; font-size: 20rpx; line-height: 36rpx; padding-left: 5px;">{{ item }}</view>
				</view>
			</view>
		</view>
		<view style="position: absolute; z-index: 9; bottom: 30vh; width: 50%;pointer-events: none;">
			<view style="width: 90%;">
				<view class="ai-button-container" :style="{
					transform: `translate(${aiButton.x}px, ${aiButton.y}px)`,
					transition: aiButton.isDragging ? 'none' : 'transform 0.3s'
				}" @touchstart="handleAiButtonTouchStart" @touchmove="handleAiButtonTouchMove" @touchend="handleAiButtonTouchEnd"
					@touchcancel="handleAiButtonTouchEnd">
					<image src="/static/shouye/ai.png" style="width: 338rpx; height: 80rpx; float: left;pointer-events:none;"
						v-if="xiaoshi == 0"></image>
					<image src="/static/detail/gbxx.png"
						style="width: 30rpx; height: 30rpx; position: absolute; top: 26px; right: 20px; z-index: 9999999;"
						v-if="xiaoshi == 0" @click="xiaoshiai"></image>
				</view>
			</view>
		</view>
		<view
			style="position: absolute; left: 20rpx; bottom: 20rpx; right: 20rpx; z-index: 9; background: #fff; border-radius: 20px; overflow: hidden;">
			<!-- <view style="width: 80rpx; height: 80rpx;  right: 5%; position: absolute; z-index: 999999999999999999; top: -30vh; color: #4c4c4c;">
					<view @click="quanjing()" style="width: 100%; height: 80rpx; font-size: 20rpx; border-radius: 10rpx; background: #fff;  text-align: center;">
						<view style="margin-top: 20rpx; width: 80rpx; text-align: center; line-height: 40rpx;">楼宇</br>全景</view>
					</view>
					<view @click="zhengche" style="width: 100%; margin-top: 20rpx;font-size: 20rpx; height: 80rpx; border-radius: 10rpx; background: #fff; text-align: center;">
						<view style="margin-top: 20rpx; width: 80rpx; text-align: center; line-height: 40rpx;">空间</br>政策</view>
					</view>
					<view @click="zhengcheb"  style="width: 100%;margin-top: 20rpx;font-size: 20rpx; height: 80rpx; border-radius: 10rpx; background: #fff;text-align: center; ">
						<view style="margin-top: 20rpx; width: 80rpx; text-align: center; line-height: 40rpx;">龙头</br>企业</view>
					</view>
					<view  @click="zhengchea" style="width: 100%;margin-top: 20rpx;font-size: 20rpx; height: 80rpx; border-radius: 10rpx; background: #fff; text-align: center;">
						<view style="margin-top: 20rpx; width: 80rpx; text-align: center; line-height: 40rpx;">重点</br>企业</view>
					</view>
				</view> -->
			<view class="listta" @click="detail(btndetaili)">
				<view
					style="display: flex; align-items: center; justify-content: space-between; width: 100%; column-gap: 15px;">
					<view style="flex: 1; font-weight: 700;font-size: 32rpx;">
						{{ btndetaili.buildName }}
					</view>
					<view style="color: #FA3320; font-size: 26rpx; font-weight: 500;">
						<view v-if="Number(btndetaili.rentFeeStart) === 0 && Number(btndetaili.rentFeeEnd) === 0">面议</view>
						<view style="white-space: nowrap;" v-else>
							{{
								btndetaili.rentFeeStart === btndetaili.rentFeeEnd
									? btndetaili.rentFeeStart
									: `${btndetaili.rentFeeStart}-${btndetaili.rentFeeEnd}`
							}} 元/m²/月
						</view>
					</view>
				</view>
				<view style="display: flex; gap: 15rpx; flex-wrap: wrap;" v-if="detaili.industryTag">
					<view class="bjs" v-for="tag in detaili.industryTag.split(',')">
						<image src="/static/detail/矩形 465@1x.png" style="width: 30rpx; height: 30rpx;"></image>
						<view class="bt_bjs">{{ tag }}</view>
					</view>
				</view>

				<view style="width:100%; color: #A2A2A2; font-size: 26rpx;">
					{{ btndetaili.buildAddr }}
				</view>
				<view style="display:flex; gap: 12rpx; flex-wrap: wrap; width: 100%;">
					<view class="beijinweizi" v-for="item in fenlist">{{ item }}</view>
				</view>
				<view style="width: 100%;">
					<!-- <view v-if="buildImg == ''" style="width: 100%; height: 100rpx; line-height:200rpx;">暂无数据</view> -->
					<scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
						<view style="display: flex; gap: 15rpx; width: fit-content;">
							<view id="demo1" class="scroll-view-item_H uni-bg-red" v-for="(item, index) in buildImg">
								<view v-if="!btndetaili.panoramaFile" class="tuimgh">
									<image mode="aspectFill" :src="item" style="width: 100%; height: 100%;"></image>
								</view>
								<view v-else class="tuimgh" @click.stop="quanjing">
									<image mode="aspectFill" :src="item" style="width: 100%; height: 100%;"></image>
									<view class="quanjin" v-if="index == 0">全景</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<!-- <view  class="tuimgh" style="margin-left: 20rpx;">
								<image :src="btndetaili.buildImg" style="width: 100%; height: 100%;"></image>
							</view>
							<view  class="tuimgh" style="margin-left: 20rpx;">
								<image :src="btndetaili.buildImg"  style="width: 100%; height: 100%;" > </image>
							</view> -->
				</view>
			</view>
		</view>
		<EmptyMessage :types="emptyTypes" :street="false"></EmptyMessage>
	</view>
</template>

<script>
import DefaultImg from '@/static/default.png'
import { getPoiSearch, getStreetPolygon, getBuildingList, getMatchinglistByStreet } from './api'
import MapView from '@/components/map-view/index.vue'
import SearchView from '@/components/search-view/index.vue'
import EmptyMessage from './empty-message.vue'

export default {
	components: {
		MapView,
		SearchView,
		EmptyMessage,
	},
	data() {
		return {
			scrollTop: 0,
			old: {
				scrollTop: 0
			},
			zhengce: false,
			zhengcea: false,
			zhengceb: false,
			tishikuangfx: false,
			scale: 17,
			latitude: 22.53786,
			longitude: 114.105389,
			covers: [],
			covers1: [{
				id: 100,
				latitude: 22.53786,
				longitude: 114.105389,
				width: 200,
				height: 300,
				iconPath: '/industry/static/jmz.png'
			}],
			xiaoshi: 0,
			polyline: [],
			btndetaili: "",
			detaili: "",
			buildImg: "",
			indextab: 0,
			tabin: [{
				name: '商圈',
				value: '120000'
			}, {
				name: '地铁',
				value: '150500'
			},],
			tablist: [{
				name: '500m',
				value: 500,
			}, {
				name: '1km',
				value: 1000,
			}, {
				name: '2km',
				value: 2000,
			},
			{
				name: '5km',
				value: 5000,
			},
			{
				name: '8km',
				value: 8000,
			},
			{
				name: '10km',
				value: 10000,
			}
			],
			type: '',
			index: 0,
			tablistindex: 0,
			radius: 1000 * 1,//周边1公里
			poiList: [],
			filterPoiList: [],
			matchinglist: [],
			clickPoiIndex: null,
			selectedType: null,
			// AI按钮拖动相关
			aiButton: {
				x: 0,
				y: 0,
				startX: 0,
				startY: 0,
				isDragging: false,
				longPressTimer: null
			},
			fenlist: "",
			dasha: "",
			chanyelist: "",
			detaili: "",
			emptyTypes: []
		}
	},
	onLoad(options) {
		window.tipClickHandler = this.tipClickHandler
		this.loalon()
		this.industrytagli()
		this.streetlistdetai(options.id)
		var data = uni.getStorageSync('btn')
		this.btndetaili = JSON.parse(data)
		this.headcompany(this.btndetaili.buildName)

		if (this.btndetaili.buildTag) {
			this.fenlist = this.btndetaili.buildTag.split(',');
		}
		if (this.btndetaili.industryTag) {
			this.industryTaglist = this.btndetaili.industryTag.split(',');
		}
		console.log(this.btndetaili)
		const lng = this.btndetaili.longitude || this.longitude
		const lat = this.btndetaili.latitude || this.latitude
		this.streetName = this.btndetaili.street
		let iconPath = '/industry/static/jmz.png'
		if (this.btndetaili.buildImg == null || this.btndetaili.buildImg == "") {
			this.buildImg = [DefaultImg]
		} else {
			this.buildImg = this.btndetaili.buildImg.split(',');
		}
		console.log(this.buildImg)
		if (this.btndetaili.latitude == "" || this.btndetaili.latitude == null) {
		} else {
			if (this.btndetaili.propertyImg == '' || this.btndetaili.propertyImg == null) {
			} else {
				iconPath = this.btndetaili.propertyImg
			}
		}
		console.log(iconPath, 6666666)
		this.latitude = lat
		this.longitude = lng
		this.$nextTick(() => {
			const mapRef = this.$refs.mapRef
			if (mapRef) {
				console.log(this.btndetaili.buildImg)
				let buildImg = '/industry/static/jmz.png'
				if (this.btndetaili.buildImg) {
					buildImg = this.btndetaili.buildImg.split(',');
				}
				//这里看看有没有这个图，没取到估计是
				console.log(this.btndetaili.propertyImg, 1111111)
				mapRef.addBimImage({
					iconPath,
					buildImg: buildImg[0],
					longitude: lng,
					latitude: lat,
					propertyImg: this.btndetaili.panoramaFile,
					buildName: this.btndetaili.buildName,
				})
			}
		})

		// this.covers[0].iconPath = iconPath
		// this.covers[0].latitude = lat
		// this.covers[0].longitude = lng

		// console.log(this.covers,777777777)
	},
	methods: {
		xiaoshiai() {
			this.xiaoshi = 1
		},
		headcompany(e) {
			var data = {
				buildName: e
			}
			this.$rqt.headcompany(data).then(res => {
				console.log(res.data)
				this.dasha = res.data
			})
		},
		tipClickHandler(type) {
			if (type == '空间政策') {
				this.zhengche()
			} else if (type == '龙头企业') {
				this.zhengcheb()
			} else if (type == '重点企业') {
				this.zhengchea()
			} else if (type == '楼宇全景') {
				this.quanjing()
			} else if (type == '空置面积') {
				this.$refs.popupc.open('center')
			}
		},
		guanbitkxx() {
			this.$refs.popupc.close();
		},
		zhengche() {
			this.zhengce = true
			this.zhengceb = false
			this.zhengcea = false
		},
		zhengcheb() {
			this.zhengce = false
			this.zhengceb = true
			this.zhengcea = false
		},
		zhengchea() {
			this.zhengce = false
			this.zhengceb = false
			this.zhengcea = true
		},
		handleMarkerTap(e) {
			console.log('点击了标记点', e.markerId); // e.markerId 是被点击的标记点的id
			// this.zhengcea = true
			// 在这里添加你的处理逻辑，例如跳转到详情页面等
		},
		quanjing() {
			if (this.btndetaili.panoramaFile == '' || this.btndetaili.panoramaFile == null) {
				return
				// uni.showToast({
				// 	title: '全景正在建设中...',
				// 	icon:'none',
				// 	duration: 2000
				// });
			} else {
				uni.navigateTo({
					url: '/pages/home/webview?propertyImg=' + this.btndetaili.panoramaFile
				})
			}
		},
		gaunbi() {
			this.$refs.popup.close()
		},
		shangquanindex(e) {
			this.indextab = e
			this.poiSearch(this.tabin[this.indextab].value, this.tablist[this.tablistindex].value, true)
		},
		brnindex(e) {
			this.index = e
			this.loadBuildingList(this.datadiceng, this.industryTag)
		},
		toggle(type) {
			this.type = type
			this.indextab = null
			this.clickPoiIndex = null
			// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
			this.$refs.popup.open(type)
			// this.poiSearch(this.tabin[this.indextab].value,this.tablist[this.tablistindex].value)
		},
		toggles(type) {
			this.type = type
			// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
			this.$refs.popups.open(type)
		},
		tabbtnli(e) {
			this.tablistindex = e
			if (this.tabin[this.indextab]) {
				this.poiSearch(this.tabin[this.indextab].value, this.tablist[this.tablistindex].value, true)
			}
		},
		fanhui() {
			uni.navigateBack()
		},
		detail(e) {
			uni.navigateTo({
				url: '/pages/home/detail?id=' + e.buildId
			})
		},
		fanhui() {
			uni.navigateBack()
		},
		upper: function (e) {
			console.log(e)
		},
		lower: function (e) {
			console.log(e)
		},
		scroll: function (e) {
			console.log(e)
			this.old.scrollTop = e.detail.scrollTop
		},
		goTop: function (e) {
			// 解决view层不同步的问题
			this.scrollTop = this.old.scrollTop
			this.$nextTick(function () {
				this.scrollTop = 0
			});
			uni.showToast({
				icon: "none",
				title: "纵向滚动 scrollTop 值已被修改为 0"
			})
		},
		loalon() {
			// uni.getLocation({
			// 	type: 'wgs84',
			// 	success: function(res) {
			// 		console.log('当前位置的经度：' + res.longitude);
			// 		console.log('当前位置的纬度：' + res.latitude);
			// 	}
			// });

		},
		poiSearch(typeCodes, radius, filter) {
			this.selectedType = typeCodes
			this.$refs.popups.close()
			const params = {
				radius: radius || this.radius,
				longitude: this.longitude,
				latitude: this.latitude,
				typeCodes
			}
			if (typeCodes === '151000') {
				params.radius = 3000//口岸按3公里
			}
			if (filter) {
				this.filterPoiList = []
			} else {
				this.poiList = []
			}
			getPoiSearch(params).then(res => {
				if (res && res.code === 0) {
					const list = (res.data || []).map(item => {
						return {
							...item,
							typeCodes
						}
					})
					// if(radius){
					// 	this.poiList = list
					// }
					if (filter) {
						this.filterPoiList = list
					} else {
						this.poiList = list
					}
					const mapRef = this.$refs.mapRef
					if (mapRef) {
						mapRef.addPoiDatas([...this.filterPoiList, ...this.poiList, ...this.matchinglist], typeCodes)
					}

				}
			})
		},
		poiClickHandler(data, index) {
			if (data.location) {
				const locations = data.location.split(',')
				this.longitude = parseFloat(locations[0])
				this.latitude = parseFloat(locations[1])
				this.scale = 19
				this.clickPoiIndex = index
			}
		},
		loadMatchinglist(matType) {
			var data = {
				matchingType: matType,
				street: this.streetName,
				// radius: this.radius,
				longitude: this.longitude,
				latitude: this.latitude
			}
			this.matchinglist = []
			getMatchinglistByStreet(data).then(res => {
				if (res && res.code === 0) {
					const list = (res.data || []).map(item => {
						return {
							...item,
							typeCodes: matType
						}
					}).filter(item => item.longitude && item.latitude)
					this.matchinglist = list
					const mapRef = this.$refs.mapRef

					if (!list.length) {
						this.emptyTypes = [matType]

						this.$nextTick(() => {
							this.emptyTypes.forEach((_, index) => {
								setTimeout(() => {
									this.emptyTypes.pop()
								}, 3000 + 300 * index)
							})
						})
					}

					if (mapRef) {
						mapRef.addPoiDatas([...this.filterPoiList, ...this.poiList, ...this.matchinglist], matType)
					}
				}
			})
		},
		industrytagli() {
			this.$rqt.industrytag().then(res => {
				console.log(res.data, 6666666666)
				this.chanyelist = res.data
			})
		},
		matTypebtn(e) {
			this.selectedType = e
			this.$refs.popups.close()
			this.loadMatchinglist(e)
		},
		closeFilterHandler() {
			this.$refs.popups.close()
		},
		clearAllDatas() {
			this.selectedType = null
			const mapRef = this.$refs.mapRef
			if (mapRef) {
				mapRef.addPoiDatas([...this.filterPoiList])
			}
			this.matchinglist = []
			this.poiList = []
		},
		clearFilterData() {
			this.filterPoiList = []
			const mapRef = this.$refs.mapRef
			if (mapRef) {
				mapRef.addPoiDatas([...this.matchinglist, ...this.poiList])
			}
		},
		resetLocation() {
			this.$refs.mapRef.setCenter({
				zoom: this.scale,
				longitude: this.longitude,
				latitude: this.latitude
			})
		},
		streetlistdetai(e) {


			this.$rqt.streetlistdetai(e).then(res => {
				console.log(res.data)
				this.detaili = res.data

			})
		},
		searchHandler() {
			this.$refs.searchPopup.open()
		},
		closeSearchHandler() {
			this.$refs.searchPopup.close()
		},
		// AI按钮拖动事件处理
		handleAiButtonTouchStart(e) {
			const touch = e.touches[0];
			this.aiButton.startX = touch.clientX - this.aiButton.x;
			this.aiButton.startY = touch.clientY - this.aiButton.y;

			// 设置长按定时器
			this.aiButton.longPressTimer = setTimeout(() => {
				this.aiButton.isDragging = true;
				uni.vibrateShort(); // 震动反馈
			}, 500); // 500ms后判定为长按
		},
		handleAiButtonTouchMove(e) {
			if (!this.aiButton.isDragging) {
				return;
			}

			const touch = e.touches[0];
			this.aiButton.x = touch.clientX - this.aiButton.startX;
			this.aiButton.y = touch.clientY - this.aiButton.startY;
		},
		handleAiButtonTouchEnd(e) {
			// 清除长按定时器
			if (this.aiButton.longPressTimer) {
				clearTimeout(this.aiButton.longPressTimer);
				this.aiButton.longPressTimer = null;
			}

			// 如果不是拖动状态,则执行点击事件
			if (!this.aiButton.isDragging) {
				this.tishikuang();
			}

			this.aiButton.isDragging = false;
		},
		tishikuang() {
			// uni.showToast({
			// 	title: '功能正在开发中...',
			// 	icon: 'none',
			// 	duration: 2000
			// });
		}
	}
}
</script>

<style>
.scroll-Y {
	height: 300rpx;
}

.scroll-view_H {
	white-space: nowrap;
	width: 100%;
}

.scroll-view-item {
	height: 300rpx;
	font-size: 36rpx;
}

.scroll-view-item_H {
	width: 215rpx;
	height: 173rpx;
	font-size: 36rpx;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 10rpx;
	overflow: hidden;
	box-shadow: 0px 1px 10px 0px rgba(199, 210, 228, 0.5);
}

.fanhui_betn {
	width: 76rpx;
	height: 76rpx;
	float: left;
	background: #fff;
	border-radius: 5px;
	margin-top: 10rpx;
}

.img_fanbtn {
	width: 32rpx;
	height: 32rpx;
	float: left;
	margin-top: 23rpx;
	margin-left: 23rpx;
}

.fanhui_betns {
	width: 100rpx;
	height: 100rpx;
	float: left;
	border-radius: 5px;

}

.img_tab {
	width: 100%;
	height: 50%;
	border-top-right-radius: 20rpx;
	border-top-left-radius: 20rpx;
}

.beijinweizi {
	height: 35rpx;
	min-width: 130rpx;
	border-radius: 4rpx;
	padding: 0 15rpx;
	opacity: 1;
	border-radius: 5px;
	background: #F1F4F7;
	text-align: center;
	line-height: 35rpx;
	color: #5C6272;
	font-size: 20rpx;
}

.tuimgh {
	width: 100%;
	height: 100%;
	position: relative;
}

.quanjin {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60rpx;
	height: 60rpx;
	opacity: 1;
	z-index: 99;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 100rpx;
	color: #fff;
	text-align: center;
	line-height: 60rpx;
	font-size: 24rpx;
	transform: translate(-50%, -50%);
}

.fanhui_betns {
	width: 100rpx;
	height: 100rpx;
	float: left;
	border-radius: 5px;
}

.listta {
	display: flex;
	flex-direction: column;
	gap: 20rpx;
	width: 100%;
	min-height: 400rpx;
	padding: 30rpx 20rpx;
	overflow: hidden;
	box-sizing: border-box;
}

.wuyeleixin {
	width: 100%;
	height: 572rpx;
	border-radius: 25rpx;
	opacity: 1;
	margin-top: 20rpx;
	float: left;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 1px 10px 0px rgba(199, 210, 228, 0.5);
}

.xinxili {
	width: 130rpx;
	height: 60rpx;
	border-radius: 16rpx;
	opacity: 1;
	background: #F4F6FB;
	margin-left: 20rpx;
	float: left;
	text-align: center;
	line-height: 60rpx;
	font-size: 26rpx;
}

.xinxilis {
	width: 90rpx;
	height: 45rpx;
	border-radius: 22.5px;
	opacity: 1;
	background: #F4F5F7;
	margin-left: 20rpx;
	float: left;
	text-align: center;
	line-height: 45rpx;
	font-size: 26rpx;
}

.mishuL {
	color: #1684FC;
}

.quabu {
	color: #fff;
	background: #1684FC;

}

.quanbuxx {
	color: #000;
}

.left_tab_sq {
	width: 30%;
	height: 400rpx;
	background: #f6f5f5;
	float: left;
	margin-top: 20rpx;
}

.right_tab_sq {
	width: 70%;
	height: 400rpx;
	float: left;
	margin-top: 20rpx;
	font-size: 26rpx;
	text-align: center;
	overflow-y: auto;
}

.shangquanxli {
	width: 100%;
	height: 50rpx;
	text-align: center;
	line-height: 50rpx;
}

.wenziquyu {
	color: #1684FC;
	text-align: left;
	padding: 8px 16px;
	border-left: 1rpx solid #ffffff;
}

.wenziquyu_sqbjs {
	border-left: 1rpx solid #1684FC;
}

.sqbjs {
	background: #fff;
	border-left: 1rpx solid #1684FC;
}

.sqntms {

	border-left: 1rpx solid #fff;
}


.scroll-Y {
	height: 300rpx;
}

.scroll-view_H {
	white-space: nowrap;
	width: 100%;
}

.scroll-view-item {
	height: 300rpx;
	line-height: 300rpx;
	text-align: center;
	font-size: 36rpx;
}

.ai-button-container {
	float: left;
	position: relative;
	z-index: 9999;
	cursor: move;
	user-select: none;
	-webkit-user-select: none;
	touch-action: none;
	padding: 40rpx;
	pointer-events: auto;
}

.mat_selected {
	position: relative;
}

.mat_selected::after {
	content: '';
	position: absolute;
	top: 0;
	right: 10rpx;
	width: 40rpx;
	height: 40rpx;
	background-image: url('~@/static/selected_circle.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.list-container {
	/* 可以添加一些基本的样式，比如宽度等 */
}

.list-item:nth-child(odd) {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	height: 35rpx;
	background-color: #f0f0f0;
	/* 灰色背景 */
}

.list-item {
	padding: 16rpx 0;
}

.list-item:nth-child(even) {
	display: flex;
	height: 35rpx;
	justify-content: space-around;
	flex-direction: row;
	background-color: #ffffff;
	/* 白色背景 */
}


.bjs {
	display: flex;
	align-items: center;
	white-space: nowrap;
	height: 40rpx;
	border-radius: 10px;
	background: #FBF2E9;
	padding: 0 12rpx;
	box-sizing: border-box;
}

.bt_bjs {
	/* min-width: 100rpx; */
	/* max-width: 350rpx; */
	overflow: hidden;
	text-overflow: ellipsis;
	color: #A16B33;
	float: left;
	margin-left: 10rpx;
	line-height: 40rpx;
	font-size: 20rpx;
}

.enterprise-list {
	display: flex;
	flex-direction: column;
	row-gap: 10rpx;
	padding: 20rpx 0 20rpx 25rpx;
	position: absolute;
	top: 550rpx;
	left: 30rpx;
	width: 469rpx;
	max-height: 500rpx;
	border-radius: 20px;
	overflow: hidden;
	background: #FFFFFF;
	z-index: 9999;
	box-shadow: 0 0 12px rgba(0, 0, 0, 15%);
}

.enterprise-list__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 10rpx;
	height: calc(100% - 36rpx);
	overflow: hidden auto;
	padding-right: 25rpx;
}
</style>